@import '../base/var.styl'

.breadcrumb-navigation
  text-align: right
  color: #999999
  transform: translateX(18px)
  .link
    font-size: 16px
    padding: 0 18px
    position: relative
    &:nth-child(1)
      padding-left: 40px
      background-image: url(../images/breadcrumb/logo.png)
      background-repeat: no-repeat
    &:not(:last-child)
      &::after
        content: ''
        position: absolute
        right: 0
        top: 0
        width: 1px
        height: 100%
        background: #999999
        transform: skewX(-25deg) scaleY(0.8)
    &:hover, &.active
      color: $c-theme